<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <title>🏛️ 西安三日行程攻略（按你给定节奏与机位）</title>
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <style>
      :root {
        --bg: #0b0c10;
        --card: #13151b;
        --text: #e8eaed;
        --sub: #b7c1d1;
        --accent: #ff4d4f;
        --muted: #7f8aa3;
      }
      * {
        box-sizing: border-box;
      }
      body {
        margin: 0;
        background: linear-gradient(180deg, #0b0c10 0%, #111319 100%);
        color: var(--text);
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
          Helvetica, Arial, Apple Color Emoji, Segoe UI Emoji;
        line-height: 1.65;
      }
      header {
        padding: 28px 20px 0;
      }
      h1 {
        margin: 0 0 6px;
        font-size: 26px;
      }
      p.lead {
        margin: 0;
        color: var(--sub);
      }
      main {
        padding: 20px;
        max-width: 980px;
        margin: 0 auto;
      }
      section {
        background: var(--card);
        border: 1px solid #1c2333;
        border-radius: 14px;
        padding: 18px;
        margin-bottom: 18px;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
      }
      h2 {
        font-size: 20px;
        margin: 0 0 10px;
      }
      h3 {
        font-size: 16px;
        margin: 18px 0 8px;
        color: #c6d3f0;
      }
      .grid {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: 12px;
      }
      .col-7 {
        grid-column: span 7;
      }
      .col-5 {
        grid-column: span 5;
      }
      .card {
        background: #0f1320;
        border: 1px solid #1b2340;
        border-radius: 12px;
        padding: 12px;
      }
      .timeline {
        margin: 0;
        padding: 0;
        list-style: none;
      }
      .timeline li {
        display: grid;
        grid-template-columns: 92px 1fr;
        gap: 10px;
        padding: 10px 10px;
        border-bottom: 1px dashed #27324d;
      }
      .timeline li:last-child {
        border-bottom: none;
      }
      .t {
        font-weight: 700;
        color: #d1d9ff;
      }
      .loc {
        color: #ffd666;
      }
      .how {
        color: #9ad5ff;
      }
      .tip {
        color: #b8ffcc;
      }
      .warn {
        color: #ffb3b8;
      }
      .chips {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 6px;
      }
      .chip {
        border: 1px solid #2a3357;
        border-radius: 9999px;
        padding: 3px 10px;
        color: #c7d2fe;
        background: #101833;
      }
      .gallery {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        gap: 12px;
      }
      .gallery figure {
        margin: 0;
        background: #0c1122;
        border: 1px solid #1b2340;
        border-radius: 10px;
        overflow: hidden;
      }
      .gallery img {
        width: 100%;
        height: auto;
        object-fit: contain;
        display: block;
        max-height: 300px;
      }
      .gallery figcaption {
        padding: 8px 10px;
        color: #b3c0e6;
        font-size: 13px;
      }
      .kbd {
        display: inline-block;
        padding: 1px 6px;
        border: 1px solid #27324d;
        border-bottom-width: 2px;
        border-radius: 6px;
        background: #0b1020;
        color: #c7d2fe;
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
          monospace;
      }
      .route {
        font-size: 13px;
        color: #9fb0d9;
      }
      .badge {
        display: inline-block;
        padding: 2px 8px;
        border-radius: 9999px;
        background: #16213a;
        color: #a8c4ff;
        border: 1px solid #27324d;
        margin-left: 6px;
      }
      .em {
        color: #ffd1dc;
      }
      footer {
        color: var(--muted);
        text-align: center;
        padding: 20px 0 40px;
      }
      a {
        color: #8bd3ff;
        text-decoration: none;
      }
      .hero img {
        width: 100%;
        border-radius: 12px;
        border: 1px solid #27324d;
      }
      .note {
        font-size: 12px;
        color: #9fb0d9;
      }
    </style>
  </head>
  <body>
    <header>
      <h1>🏛️ 西安三日行程攻略</h1>
      <p class="lead">
        🚇 按你的节奏与喜好，串联地铁动线、🌅 夕阳夜景与📸
        拍照机位；含大唐不夜城节目时间与大雁塔/永宁门机位示例。
      </p>
    </header>

    <main>
      <!-- 概览与动线原则 -->
      <section>
        <h2>🗺️ 全程动线原则</h2>
        <ul class="chips">
          <li class="chip">🏮 以"钟楼—回民街"为中枢</li>
          <li class="chip">🌅 日落点：永宁门城墙（南门）</li>
          <li class="chip">🌃 夜游：大雁塔北广场→大唐不夜城中轴</li>
          <li class="chip">🚇 优先地铁2/3/4号线接驳，尽量单向不折返</li>
        </ul>
        <p class="route">
          参考车站：<span class="kbd">钟楼</span>/<span class="kbd">北大街</span
          >（回民街）；<span class="kbd">洒金桥</span
          >（广仁寺，地铁1号线）；<span class="kbd">永宁门</span
          >（城墙南门，2号线）；<span class="kbd">大雁塔</span
          >（3·4号线）；<span class="kbd">小寨</span>（赛格，2·3号线）。
        </p>
      </section>

      <!-- 第一天 -->
      <section>
        <h2>📅 第一天｜🏮 老城初识 · 🥟 清真美食 · 🌅 南门夕阳夜景</h2>
        <div class="grid">
          <div class="col-7 card">
            <ul class="timeline">
              <li>
                <div class="t">08:30</div>
                <div>
                  ✈️ 抵达西安 → 🏨 入住酒店补觉整备。
                  <div class="tip">💡 午前避开景点人流，高效恢复体力。</div>
                </div>
              </li>
              <li>
                <div class="t">12:00–13:40</div>
                <div>
                  <span class="loc">🕌 回民街/鼓楼-钟楼片区</span> 逛吃：🥪
                  肉夹馍、🍲 羊肉泡馍、🥤 冰峰、🍰 甑糕、🍡 镜糕等。
                  <div class="how">
                    🚇 到达：地铁2号线<span class="kbd">钟楼站</span>
                    D口出，步行即达。
                  </div>
                </div>
              </li>
              <li>
                <div class="t">14:30–16:00</div>
                <div>
                  <span class="loc">🏯 广仁寺</span
                  >（藏传佛教格鲁派寺院）参观小憩。
                  <div class="how">
                    🚶‍♂️ 动线：从回民街步行至<span class="kbd">北大街</span
                    >→地铁1号线至<span class="kbd">洒金桥站</span>
                    C口，步行约10分钟。
                  </div>
                </div>
              </li>
              <li>
                <div class="t">16:30–20:00</div>
                <div>
                  <span class="loc">🏰 永宁门城墙</span
                  >（南门）看落日、蓝调到夜景。
                  <div class="how">
                    🚇 地铁1号线<span class="kbd">洒金桥</span>→<span
                      class="kbd"
                      >北大街</span
                    >换2号线→<span class="kbd">永宁门</span> E口上城。
                  </div>
                  <div class="tip">
                    📸 推荐机位见文末"永宁门城墙机位"。⏰
                    最佳日落前45–60分钟入场。
                  </div>
                </div>
              </li>
              <li>
                <div class="t">20:00–22:00</div>
                <div>
                  <span class="loc">🍖 回坊烤肉</span> 夜宵。可原路回<span
                    class="kbd"
                    >钟楼</span
                  >，或🚗 网约车直达。
                </div>
              </li>
            </ul>
            <p class="note">
              城墙常规开放至晚间，夜场以现场公告为准；如遇闭园，改走南门广场+环城公园拍夜景。
            </p>
          </div>
          <div class="col-5">
            <div class="card hero">
               <img src="https://gitee.com/limingyangmayun/img/raw/master/01-南门轴线构图.png" alt="永宁门城墙示例图" />
              <div class="note" style="margin-top: 8px">
                永宁门城墙夜景示例（更多机位与示例见文末图集）。
              </div>
            </div>
          </div>
        </div>
      </section>

      <!-- 第二天 -->
      <section>
        <h2>📅 第二天｜💄 古风妆造 · 🗼 大雁塔机位打卡 · 🌃 大唐不夜城</h2>
        <div class="grid">
          <div class="col-7 card">
            <ul class="timeline">
              <li>
                <div class="t">06:00–08:30</div>
                <div>
                  <span class="loc">💄 妆造排队与化妆</span
                  >（店铺自选）。完成后附近🥐 简餐。
                </div>
              </li>
              <li>
                <div class="t">10:00–12:20</div>
                <div>
                  <span class="loc">🗼 大雁塔—大悦城—大慈恩寺遗址公园</span> 📸
                  机位打卡（清单见文末"大雁塔机位"）。
                  <div class="how">
                    🚇 地铁3/4号线<span class="kbd">大雁塔站</span>
                    B口出，按机位序从"大悦城四楼"→"一号门广场"→"遗址公园"单向下行，避免折返。
                  </div>
                </div>
              </li>
              <li>
                <div class="t">12:30–13:20</div>
                <div>🍽️ 大雁塔周边午餐（曲江商圈餐厅充足）。</div>
              </li>
              <li>
                <div class="t">13:30–16:00</div>
                <div>
                  🏨 回酒店午休，整理晚间设备（📷 脚架/增稳/🔋 备用电）。
                </div>
              </li>
              <li>
                <div class="t">16:30–17:40</div>
                <div>
                  <span class="loc">🏮 钟楼</span> 短暂停留与外观拍摄。
                  <div class="how">
                    🚇 地铁2号线<span class="kbd">钟楼站</span>
                    A/B口。随后乘2→4号线至<span class="kbd">大雁塔</span>。
                  </div>
                </div>
              </li>
              <li>
                <div class="t">18:00–22:30+</div>
                <div>
                  <span class="loc">🌃 大唐不夜城</span>
                  夜游与节目卡位。建议从<span class="kbd">大雁塔站 B口</span
                  >进入北广场，按下图时序逆时针走。
                  <div class="tip">
                    ⏰
                    19点前到喷泉区域预留机位；节目可能随季节微调，现场公告优先。
                  </div>
                </div>
              </li>
              <li>
                <div class="t">21:30–23:00</div>
                <div>🍖 收官夜宵：不夜城或小寨/朱雀门周边烧烤。</div>
              </li>
            </ul>
          </div>
          <div class="col-5 card">
            <h3>🎭 不夜城节目时间与动线</h3>
            <img
              src="https://gitee.com/limingyangmayun/img/raw/master/大唐不夜城游玩路线.png"
              alt="大唐不夜城游玩路线与节目时间"
              style="width: 100%; border-radius: 8px; border: 1px solid #27324d"
            />
            <ul style="margin: 10px 0 0; padding-left: 18px">
              <li>19:00–19:10 大雁塔音乐喷泉（北广场）</li>
              <li>19:15–19:30 不倒翁小姐姐</li>
              <li>19:30–19:40 诗意等组</li>
              <li>20:00–20:10 盛唐密盒</li>
              <li>20:10–20:20 花车斗彩 / 大唐婚礼</li>
              <li>20:20–20:30 乐舞长安</li>
              <li>20:30–20:50 旋转胡旋</li>
              <li>21:10–21:30 再回长安</li>
              <li>22:00–22:30 华灯太白</li>
              <li>22:30–23:00 彩车巡游</li>
            </ul>
            <p class="note">
              节目节点以现场播报为准；节假日加场/拥挤请提前卡点。
            </p>
          </div>
        </div>
      </section>

      <!-- 第三天 -->
      <section>
        <h2>📅 第三天｜🛍️ 商圈打卡 · 🍜 本地菜 · ✈️ 返程</h2>
        <div class="grid">
          <div class="col-7 card">
            <ul class="timeline">
              <li>
                <div class="t">08:30–09:10</div>
                <div>
                  <span class="loc">🥣 早餐随意小吃</span>（🍲 胡辣汤/🥨
                  油茶麻花/🍰 甑糕）。
                </div>
              </li>
              <li>
                <div class="t">09:30–11:50</div>
                <div>
                  <span class="loc">🛍️ 赛格国际购物中心（小寨）</span> 打卡与🎁
                  伴手礼采购。
                  <div class="how">
                    🚇 地铁2/3号线<span class="kbd">小寨站</span> A口。
                  </div>
                </div>
              </li>
              <li>
                <div class="t">12:00–13:10</div>
                <div>🍜 本地菜午餐（🐔 葫芦鸡、🥩 粉蒸肉、🍜 臊子面等）。</div>
              </li>
              <li>
                <div class="t">13:30–15:50</div>
                <div>
                  📍 附近轻松打卡两点二选一：
                  <div class="chips">
                    <span class="chip"
                      >🗼 小雁塔·荐福寺 + 🏛️ 西安博物院（看开放日）</span
                    >
                    <span class="chip">🌳 曲江池遗址公园·自然慢步</span>
                  </div>
                </div>
              </li>
              <li>
                <div class="t">16:00</div>
                <div>🏨 回酒店取🧳 行李。</div>
              </li>
              <li>
                <div class="t">16:30</div>
                <div>✈️ 出发返程，行程结束。</div>
              </li>
            </ul>
          </div>
          <div class="col-5 card">
            <h3>🗺️ 当日动线优化</h3>
            <p class="route">
              小寨（赛格）与曲江/小雁塔在城市中轴南段，相互间10–20分钟车程；返程前不跨城折返，时间可控。
            </p>
            <p class="warn">
              如返程高峰/天气突变，可直接小寨→地铁2号线北上至钟楼/火车站；或网约车直达机场/高铁站。
            </p>
          </div>
        </div>
      </section>

      <!-- 机位清单与示例（放在文末，按你的要求） -->
      <section>
        <h2>📸 拍照机位清单与示例</h2>

        <div class="card" style="margin-bottom: 12px">
          <h3>
            🗼 大雁塔（建议机位巡游顺序）
            <span class="badge">🚇 地铁 大雁塔站 B口</span>
          </h3>
          <ol class="route">
            <li>
              大悦城四楼观景台 → Q版玄奘 → 漫咖啡观景台 → 漫咖啡【长安】字 →
              火炉旁烤肉【西安】字
            </li>
            <li>
              下楼至一号门对面广场玄奘 → 三号门对面红墙 → 遗址公园东南角围墙 →
              南门售票处石佛 → 正门口收官
            </li>
          </ol>
          <div class="chips">
            <span class="chip">📸 一R 大悦城四楼观景台</span>
            <span class="chip">📸 二R 观景台Q版玄奘</span>
            <span class="chip">📸 三R 漫咖啡观景台</span>
            <span class="chip">📸 四R 漫咖啡「长安」</span>
            <span class="chip">📸 五R 火炉旁烤肉「西安」</span>
            <span class="chip">📸 六R 一号门对面玄奘</span>
            <span class="chip">📸 七R 三号门红墙</span>
            <span class="chip">📸 八R 遗址公园东南角围墙</span>
            <span class="chip">📸 九R 南门售票处石佛</span>
            <span class="chip">📸 一R/零R 遗址公园正门口</span>
          </div>
          <div class="gallery" style="margin-top: 10px">
             <figure>
               <img src="https://gitee.com/limingyangmayun/img/raw/master/01-大雁塔主体视角.png" alt="大雁塔示例1" />
             </figure>
             <figure>
               <img src="https://gitee.com/limingyangmayun/img/raw/master/02-大悦城四楼观景台.png" alt="大雁塔示例2" />
             </figure>
             <figure>
               <img src="https://gitee.com/limingyangmayun/img/raw/master/03-Q版玄奘机位.png" alt="大雁塔示例3" />
             </figure>
             <figure>
               <img src="https://gitee.com/limingyangmayun/img/raw/master/05-遗址公园围墙风格.png" alt="大雁塔示例5" />
             </figure>
             <figure>
               <img src="https://gitee.com/limingyangmayun/img/raw/master/06-广场玄奘雕像.png" alt="大雁塔示例6" />
             </figure>
             <figure>
               <img src="https://gitee.com/limingyangmayun/img/raw/master/04-漫咖啡观景台.png" alt="大雁塔示例4" />
             </figure>
          </div>
        </div>

        <div class="card">
          <h3>
            🏰 永宁门城墙（南门）
            <span class="badge">🚇 地铁 永宁门站 E口</span>
          </h3>
          <ol class="route">
            <li>
              先取钟楼中轴线远景 → 城门门洞与红墙 → 登城拍“永宁门”匾 →
              转角处与敌楼剪影 → 青砖纹理收尾。
            </li>
          </ol>
          <div class="chips">
            <span class="chip">📸 一R 钟楼中轴线</span>
            <span class="chip">📸 二R 古建筑群</span>
            <span class="chip">📸 三R 永宁驿站</span>
            <span class="chip">📸 四R 城墙转角</span>
            <span class="chip">📸 五R 敌楼</span>
            <span class="chip">📸 六R 检票口红色圆门</span>
            <span class="chip">📸 七R 城门门洞</span>
            <span class="chip">📸 八R 登城口阶梯</span>
            <span class="chip">📸 九R 「永宁门」城门</span>
            <span class="chip">📸 一R/零R 青砖肌理</span>
          </div>
          <div class="gallery" style="margin-top: 10px">
             <figure>
               <img src="https://gitee.com/limingyangmayun/img/raw/master/01-南门轴线构图.png" alt="永宁门示例1" />
             </figure>
             <figure>
               <img src="https://gitee.com/limingyangmayun/img/raw/master/02-城门门洞与光影.png" alt="永宁门示例2" />
             </figure>
             <figure>
               <img src="https://gitee.com/limingyangmayun/img/raw/master/03-古建筑群视角.png" alt="永宁门示例3" />
             </figure>
             <figure>
               <img src="https://gitee.com/limingyangmayun/img/raw/master/04-永宁驿站打卡.png" alt="永宁门示例4" />
             </figure>
             <figure>
               <img src="https://gitee.com/limingyangmayun/img/raw/master/05-城墙转角处.png" alt="永宁门示例5" />
             </figure>
             <figure>
               <img src="https://gitee.com/limingyangmayun/img/raw/master/06-转角与敌楼剪影.png" alt="永宁门示例6" />
             </figure>
             <figure>
               <img src="https://gitee.com/limingyangmayun/img/raw/master/07-红色圆门特写.png" alt="永宁门示例7" />
             </figure>
             <figure>
               <img src="https://gitee.com/limingyangmayun/img/raw/master/08-登城口阶梯.png" alt="永宁门示例8" />
             </figure>
          </div>
          <p class="note">
            📷 摄影建议：🌅 日落前1h进入，🌆
            蓝调期（民用暮光后约20–30分钟）拍到城墙与天际同曝层次最佳。
          </p>
        </div>
      </section>

      <!-- 实用信息 -->
      <section>
        <h2>💡 实用信息与备忘</h2>
        <ul>
          <li>
            🚇
            地铁高频使用：2号线为城市南北主轴，1号线横贯东西，3/4号线覆盖曲江与大雁塔片区。
          </li>
          <li>
            ⏰ 城墙与演艺存在季节性与节假日加场/限流，具体以现场公告为准。
          </li>
          <li>
            🕌 尊重清真习俗：回民街商户多为清真，请勿携带非清真食品进入店内。
          </li>
          <li>
            🎒 装备建议：📷 轻脚架、ND/黑柔、🔋 移动电源、☔ 一次性雨披；☀️
            夏季备防晒与补水，❄️ 秋冬备保暖与润唇膏。
          </li>
        </ul>
      </section>
    </main>

    <footer>
      🗺️
      已按你提供的时间点与偏好优化单向动线，并将大雁塔与永宁门机位放在文末集中呈现；🎉
      祝旅途顺利。
    </footer>
  </body>
</html>
